<template>
  <div style="background: #fff">
    <div class="title">
      <div>{{ title }}</div>
    </div>
  
    <el-table
      :data="data"
      stripe
      style="width: 100%; margin-bottom: 1.875rem"
    
    >
      </el-table-column>
      <el-table-column prop="id" label="id"></el-table-column>
      <el-table-column prop="name" label="名称"></el-table-column>
       <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button size="small" @click="goRoute(scope.row.id,'partnerCharge')">经理列表</el-button>
          <!-- <el-button type="error" size="small" @click="view(scope.row.id)">城市详情</el-button> -->
        </template>
      </el-table-column>
     
    </el-table>
   
  
  </div>
</template>

<script>
import mixin from "../../js/mixin";

export default {
  name: "homePage",
  mixins: [mixin],
  data() {
    return {
      is_page: false,
      api_url: "area",
      item: {},
      status: [],
      query: {},
    };
  },
  components: {},
  mounted() {},
  created() {
    this.title = this.$route.meta.title;
    this.init();
  },
  methods: {
    reset() {
      this.query = {};
      this.getData(true);
    },
    init() {
      this.getData();
    },
    goRoute(e, name) {
      let { href } = this.$router.resolve({
        name,
        params: { id: e },
        query: {
          type:3,
        },
      });
      window.open(href, "_blank");
    },
    view(e) {
      console.log(e);
    },
  },
};
</script>

<style scoped>
</style>
